.textTip{
	margin: var(--size100) var(--size15) var(--size20);
	text-align: center;
	color: #555555;
	font-size: var(--size15);
}
.tipBtn{
	margin: 0 50%;
	transform: translateX(-50%);
}
/*签到记录*/
.signArea{
	width: 100%;
	padding: var(--size15);
	padding-bottom: 0;
	display: flex;
}
.mui-icon-location-filled{
	color: var(--mainColor);
}
.mui-icon-location-filled:before{
	margin: 0.2rem var(--size10) 0 0;
}
.signIcon{
	margin-top: var(--size10);
	width: var(--size15);
	height: var(--size15);
	transform: rotate(45deg);
	background-color: white;
}
.signInfo{
	padding: var(--size10);
	padding-left: var(--size15);
	border-radius: 4px;
	margin-left: -0.4rem;
	background-color: white;
	z-index: 2;
	font-size: var(--size15);
	color: var(--textColor);
	width: calc(100% - var(--size80));
	line-height: 1.5;
}
/* 课件信息 */
#start table{
	width: calc(100% - var(--size30));
	margin: var(--size15);
}
#start table td{
	/* height: var(--size30); */
}
.resTip{
	color: gray;
	text-align: right;
}
.resValue{
	padding-left: var(--size10);
}
#start table tr:first-child td:last-child{
	font-weight: 600;
}
.progressbar{
	margin-top: var(--size10);
	border-radius: 0.12rem;
	height: 0.24rem; /*6px */
	background: lightgrey;
}
.mui-progressbar span{
	background-color: #32CD32;
}

/*随堂练习去考试*/
.scoreInfo{
	width: 80%;
	margin: var(--size20) 10% 0;
	text-align: center;
}
.scoreInfo img{
	width: 100%;
	height: var(--size100);
	object-fit: contain;
	padding: 8% 39%;
	border: solid lightgray 1px;
	border-radius: var(--size8);
}
.scoreInfo .scoreTitle{
	font-size: var(--size16);
	color: var(--textColor);
}
/* 考试结果--通过/未通过 */
.scoreInfo .scoreResult{
	font-size: var(--size20);
	color: var(--mainColor);
	margin-top: var(--size20);
	font-weight: 600;
}
.scoreResult.redColor{
	color: orangered;
}
.examineInfo{
	font-size: var(--size14);
}
.examineInfo.grayColor{
	color: #999999;
}
/* 考试分数 */
.scoreInfo .scoreText{
	font-size: var(--size32);;
	margin: var(--size20);
	font-weight: 600;
}
.scoreInfo .scoreText span{
	font-size: var(--size16);
	margin-left: 0.2rem;  /* 5px */
}
/* 有问答题时展示的答题卡 */
.answerSheet{
	display: flex;
	flex-wrap: wrap;
}
.answerSheet .ansItem{
	width: var(--size40);
	height: var(--size40);
	line-height: var(--size40);
	border-radius: var(--size20);
	border: solid 1px var(--mainColor);
	margin: var(--size10) calc(10% - var(--size20)) 0;
	color: var(--textColor);
}
.ansItem.error{
	background-color: orangered;
	color: white;
	border-color: orangered;
}
.ansItem.correct{
	background-color: var(--mainColor);
	color: white;
}
/* 等待阅卷 */
.ansItem.waiting{
	background-color: lightgray;
	border-color: lightgray;
}

/* 答题情况几道正确,几道错误 */
.scoreInfo .scoreCount{
	font-size: var(--size15);
	margin-top: var(--size10);
}
/* 错题解析按钮 */
.scoreBtns{
	display: none;
	justify-content: center;
}
.analysisBtn{
	border: solid 1px var(--mainColor);
	background-color: white;
	color: var(--mainColor);
	margin: var(--size20) var(--size10) 0;
	padding: 0 var(--size8);
	height: var(--size28);
	line-height: var(--size28);
	border-radius: 0.2rem; /* 5px */
}
.examineInfo{
	width: 80%;
	margin: var(--size20) 10%;
	color: #555555;
}
#homework .examineInfo{
	line-height: 2;
}
.practiceBtn{
	width: 80%;
	height: var(--size36);
	line-height: var(--size36);
	border-radius: 0.24rem; /* 6px */
	background-color: var(--mainColor);
	font-size: var(--size15);
	color: white;
	border:0;
	padding: 0;
	margin: var(--size20) 10%;
}
#homework .practiceBtn{
	display: none;
}

/*问卷调查*/
.mui-card{
	border-radius: 0.24rem; /* 6px */
	padding: var(--size15);
}
.mui-card-header{
	font-size: var(--size16);
	display: block;
	font-weight: 600;
	padding: 0;
	min-height: 0;
}
.mui-card-header:after{
	height: 0;
}
.mui-icon-paperplane:before{
	margin-right: var(--size10);
	color: var(--mainColor);
}
.mui-card-content-inner{
	margin-top: var(--size8);
	padding: 0;
	padding-left: var(--size16);
	font-size: var(--size14);
	line-height: 1.6;
}
.baseBtn{
	background-color: white;
	color: var(--mainColor);
	display: none;
}
/* 提交时间 */
.surveyTime{
	position: absolute;
	right: var(--size20);
	top: var(--size16);
	color: gray;
}

/*蒙版显示*/
.mui-slider-group .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bgColor);
	z-index: 13;
	display: none;
}
.mui-slider-group.start .mask,
.mui-slider-group.practice #survey .mask,
.mui-slider-group.practice #examine .mask,
.mui-slider-group.practice #homework .mask,
.mui-slider-group.survey #examine .mask,
.mui-slider-group.survey #homework .mask,
.mui-slider-group.examine #homework .mask
{
	display: block ;
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	border-bottom: solid 2px var(--mainColor);
	color: var(--mainColor);
	margin: 0.08rem var(--size20); /* 2px */
}
.mui-segmented-control .mui-control-item{
	border-bottom: solid 0.08rem transparent;
	height: var(--size30);
	line-height: var(--size30);
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item{
	padding: 0;
	margin: 0 var(--size20);
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item{
	border: 0;
	border-top: 1px solid var(--bgColor);
}
.mui-control-content{
	background-color: white;
}
#survey{
	background-color: var(--bgColor);
}
.mui-fullscreen.mui-slider .mui-slider-group{
	top: var(--size38)!important;
	height: calc(100% - var(--size38))!important;
}

/* 课后作业 */
.homeImages{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.homeImages .addImgBtn{
	margin-top: var(--size15);
	width: calc(33.33% - var(--size20));
	height: var(--size100);
	margin-left: calc(50% - var(--size50));
	border-radius: 5px;
	border: 1px lightgray dashed;
	background-color: var(--bgColor);
	position: relative;
}
.homeImages .addImgBtn .nurfont{
	font-size: var(--size14);
	width: 100%;
	text-align: center;
	padding: var(--size16);
	font-size: var(--size40);
	margin-top: var(--size10);
	color: gray;
}
.homeImages .addImgBtn .addTip{
	width: 100%;
	text-align: center;
	color: var(--mainColor);
	font-size: var(--size14);
	line-height: 2;
}
.homeImages .addImgBtn input{
	position: absolute;
	top: var(--size10);
	left: var(--size10);
	z-index: 9;
	opacity: 0;
	width: calc(100% - var(--size20));
	height: calc(100% - var(--size20));
}
.timeout .homeImages .addImgBtn div{
	color: lightgray;
}
.homeImages .imgDiv + .addImgBtn{
	margin-left: var(--size15);
	margin-top: var(--size15);
}

.homeImages .imgDiv{
	position: relative;
	width: calc(33.33% - var(--size20));
	margin-left: var(--size15);
	margin-top: var(--size15);
	
	height: var(--size100);
	/* border: solid lightgray 1px; */
	background-color: var(--bgColor);
}
.homeImages .imgDiv .deleteTip{
	position: absolute;
	right: -0.2rem;
	top: -0.2rem;
	width: var(--size20);
	height: var(--size20);
	line-height: var(--size20);
	border-radius: var(--size10);
	background-color: red;
	color: white;
	text-align: center;
	font-size: var(--size20);
	font-weight: 600;
}
.homeImages .imgDiv img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.nextBtn{
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: calc(100% - 20px);
	height: 35px;
	line-height: 35px;
	font-size: var(--size16);
	border-radius: 4px;
	margin: 0;
	padding: 0;
	display: none;
}
.mui-slider-group.start #start .mui-scroll-wrapper,
.mui-slider-group.practice #practice .mui-scroll-wrapper,
.mui-slider-group.survey #survey .mui-scroll-wrapper,
.mui-slider-group.examine #examine .mui-scroll-wrapper,
.mui-slider-group.homework #homework .mui-scroll-wrapper{
	bottom: 40px;
}
.mui-slider-group.start #start .mui-scroll-wrapper + .nextBtn,
.mui-slider-group.practice #practice .mui-scroll-wrapper + .nextBtn,
.mui-slider-group.survey #survey .mui-scroll-wrapper + .nextBtn,
.mui-slider-group.examine #examine .mui-scroll-wrapper + .nextBtn,
.mui-slider-group.homework #homework .mui-scroll-wrapper + .nextBtn{
	display: block;
}